import { MainRoutes } from '@/routes';
import { Header, LeftNav, MainContent } from '@/components/Layout';
import { QueryClient, QueryClientProvider } from 'react-query';

const queryClient = new QueryClient({
   defaultOptions: {
      queries: {
         refetchOnWindowFocus: false,
         retry: false
      },
   },
});


export default function App() {
   return (
      <QueryClientProvider client={queryClient}>
         <div>
            <Header />
            <div className="flex">
               <LeftNav />
               <MainContent>
                  <MainRoutes />
               </MainContent>
            </div>
         </div>
      </QueryClientProvider>
   );
}
